<!DOCTYPE html>
<html lang="en">
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro" >
<head>

  <!-- SITE TITTLE -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>我有料</title>
  <meta name="description" content="我有料是篮球足球花钱料子的合买之地，在这里可以和不同的人进行合买来减少自己的压力。" />
  <meta name="keywords" content="我有料，足球，篮球，料子，合买，大神推荐" />
  
  <!-- PLUGINS CSS STYLE
  <link href="plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet"> -->
  <!-- Bootstrap -->
  <link href="plugins/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="plugins/bootstrap/dist/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
  <!-- Font Awesome -->
  <link href="plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <!-- Owl Carousel -->
  <link href="plugins/slick-carousel/slick/slick.css" rel="stylesheet">
  <link href="plugins/slick-carousel/slick/slick-theme.css" rel="stylesheet">
  <!-- Fancy Box -->
  <link href="plugins/fancybox/jquery.fancybox.pack.css" rel="stylesheet">
  <link href="plugins/jquery-nice-select/css/nice-select.css" rel="stylesheet">
  <link href="plugins/seiyria-bootstrap-slider/dist/css/bootstrap-slider.min.css" rel="stylesheet">
  <!-- CUSTOM CSS -->
  <link href="css/style1.css" rel="stylesheet">

  <!-- FAVICON -->
  <link href="img/favicon.png" rel="shortcut icon">

</head>

<body class="body-wrapper">


<section>
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<nav class="navbar navbar-expand-lg navigation">
					<a class="navbar-brand" href="index.html">
						<!-- <img src="images/logo.png" alt=""> -->
					</a>
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
					<span class="navbar-toggler-icon"></span>
					</button>
					<div class="collapse navbar-collapse" id="navbarSupportedContent">
						<ul class="navbar-nav ml-auto main-nav ">
							<li class="nav-item active">
								<a class="nav-link" href="#">首页</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">料大厅</a>
							</li>
							<li class="nav-item dropdown dropdown-slide">
								<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
									待定 <span><i class="fa fa-angle-down"></i></span>
								</a>
								<!-- Dropdown list -->
								<div class="dropdown-menu dropdown-menu-right">
									<a class="dropdown-item" href="#">待定</a>
									<a class="dropdown-item" href="#">待定</a>
								</div>
							</li>
							<li class="nav-item dropdown dropdown-slide">
								<a class="nav-link dropdown-toggle" href="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
									待定 <span><i class="fa fa-angle-down"></i></span>
								</a>
								<!-- Dropdown list -->
								<div class="dropdown-menu dropdown-menu-right">
									<a class="dropdown-item" href="#">待定</a>
									<a class="dropdown-item" href="#">待定</a>
								</div>
							</li>
						</ul>
						<ul class="navbar-nav ml-auto main-nav">
							<li class="nav-item" id="dengzhu" style="display:none;">
								<button class="btn btn-danger" data-toggle="modal" data-target="#exampleModal" href="#">登陆</button>&nbsp;&nbsp;
							</li>
							<li class="nav-item" id="dengzhu1" style="display:none;">
								<button class="btn btn-info" data-toggle="modal" data-target="#zhuce" href="#">注册</button>
							</li>
							<li class="nav-item dropdown dropdown-slide" id="usr" style="display:none;">
								<a class="nav-link dropdown-toggle" href="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
									 <img src="/images/user-4.jpg"  class="layui-nav-img" style ='width: 45px;height: 45px;border-radius: 50%;'>
									 <span id="userName" th:text="${user=='' ? '':user.userName}"></span>&nbsp;&nbsp;<i class="fa fa-angle-down"></i>
								</a>
								<div class="dropdown-menu dropdown-menu-right">
									<a class="dropdown-item" href="system/org/user/information">个人中心</a>
									<a class="dropdown-item" href="javascript:;" onclick="logOut()">退出</a>
								</div>
							</li>
						</ul>
					</div>
				</nav>
			</div>
		</div>
	</div>
</section>

<!--===============================
=            Hero Area            =
================================-->

<section class="hero-area bg-1 text-center overly">
	<!-- Container Start -->
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<!-- Header Contetnt -->
				<div class="content-block">
					<h1>共同致富，买料你我他。</h1>
				</div>
				<!-- Advance Search -->
				<div class="advance-search">
					<form action="#">
						<div class="row">
							<!-- Store Search -->
							<div class="col-lg-12 col-md-12">
								<div class="d-flex">
									<input type="text" class="form-control mb-2 mr-sm-2 mb-sm-0" id="footballName" placeholder="搜索合买料人名字">
									<button class="btn btn-warning" title="结果" data-container="body" data-toggle="popover" data-placement="bottom" data-content="没有搜索到您想要的内容哦" id="football">查询</button>
									&nbsp;&nbsp;<button class="btn btn-success" data-placement="bottom"  id="release" >发布合买</button>
								</div>
							</div>
							
							
						</div>
					</form>
					
				</div>
				
			</div>
		</div>
	</div>
	<!-- Container End -->
</section>

<!--===================================
=            Client Slider            =
====================================-->



<!--==========================================
=            All Category Section            =
===========================================-->

<section class=" section">
	<!-- Container Start -->
	<div class="container">
		<div class="row">
			<div class="col-12">
				<!-- Section title -->
				<div class="section-title">
					<h2>排行榜</h2>
					<p>已购合买为购买后可直接查看购买内容。预购合买为购买后等待合买人数满员由发起人去买料后更新到合买中方可查看。</p>
				</div>
				<div class="row">
					<!-- Category list -->
					<div class="col-lg-3 offset-lg-0 col-md-5 offset-md-1 col-sm-6 col-6">
						<div class="category-block">
							<div class="header">
								<i class="fa fa-futbol-o icon-bg-1"></i> 
								<h4>足球已购合买</h4>
							</div>
							<ul class="category-list" >
								<li><a href="#">最强足神合买神合<span>11/20</span><span>￥166</span></a></li>
								<li><a href="#">最强足神合<span>9/20</span><span>￥166</span></a></li>
								<li><a href="#">最强足神合<span>8/20</span><span>￥166</span></a></li>
								<li><a href="#">最强足神合<span>8/20</span><span>￥166</span></a></li>
								<li><a href="#">最强足神合<span>7/20</span><span>￥166</span></a></li>
								<li><a href="#">最强足神合<span>7/20</span><span>￥166</span></a></li>
								<li><a href="#">最强足神合<span>5/20</span><span>￥166</span></a></li>
								<li><a href="#">最强足神合<span>5/20</span><span>￥166</span></a></li>
								<li><a href="#">最强足神合<span>3/20</span><span>￥166</span></a></li>
								<li><a href="#">最强足神合<span>3/20</span><span>￥166</span></a></li>
							</ul>
						</div>
					</div> <!-- /Category List -->
					<!-- Category list -->
					<div class="col-lg-3 offset-lg-0 col-md-5 offset-md-1 col-sm-6 col-6">
						<div class="category-block">
							<div class="header">
								<i class="fa fa-futbol-o icon-bg-2"></i> 
								<h4>足球预购合买</h4>
							</div>
							<ul class="category-list" >
								<li><a href="#">最强足神合买神合<span>11/20</span><span>￥166</span></a></li>
								<li><a href="#">最强足神合<span>9/20</span><span>￥166</span></a></li>
								<li><a href="#">最强足神合<span>8/20</span><span>￥166</span></a></li>
								<li><a href="#">最强足神合<span>8/20</span><span>￥166</span></a></li>
								<li><a href="#">最强足神合<span>7/20</span><span>￥166</span></a></li>
								<li><a href="#">最强足神合<span>7/20</span><span>￥166</span></a></li>
								<li><a href="#">最强足神合<span>5/20</span><span>￥166</span></a></li>
								<li><a href="#">最强足神合<span>5/20</span><span>￥166</span></a></li>
								<li><a href="#">最强足神合<span>3/20</span><span>￥166</span></a></li>
								<li><a href="#">最强足神合<span>3/20</span><span>￥166</span></a></li>
							</ul>
						</div>
					</div> <!-- /Category List -->
					<!-- Category list -->
					<div class="col-lg-3 offset-lg-0 col-md-5 offset-md-1 col-sm-6 col-6">
						<div class="category-block">
							<div class="header">
								<i class="fa fa-dribbble icon-bg-3"></i> 
								<h4>篮球已购合买</h4>
							</div>
							<ul class="category-list" >
								<li><a href="#">最强篮神合买神合<span>11/20</span><span>￥166</span></a></li>
								<li><a href="#">最强篮神合<span>9/20</span><span>￥166</span></a></li>
								<li><a href="#">最强篮神合<span>8/20</span><span>￥166</span></a></li>
								<li><a href="#">最强篮神合<span>8/20</span><span>￥166</span></a></li>
								<li><a href="#">最强篮神合<span>7/20</span><span>￥166</span></a></li>
								<li><a href="#">最强篮神合<span>7/20</span><span>￥166</span></a></li>
								<li><a href="#">最强篮神合<span>5/20</span><span>￥166</span></a></li>
								<li><a href="#">最强篮神合<span>5/20</span><span>￥166</span></a></li>
								<li><a href="#">最强篮神合<span>3/20</span><span>￥166</span></a></li>
								<li><a href="#">最强篮神合<span>3/20</span><span>￥166</span></a></li>
							</ul>
						</div>
					</div> <!-- /Category List -->
					<!-- Category list -->
					<div class="col-lg-3 offset-lg-0 col-md-5 offset-md-1 col-sm-6 col-6">
						<div class="category-block">
							<div class="header">
								<i class="fa fa-dribbble icon-bg-4"></i> 
								<h4>篮球预购合买</h4>
							</div>
							<ul class="category-list" >
								<li><a href="#">最强篮神合买神合<span>11/20</span><span>￥166</span></a></li>
								<li><a href="#">最强篮神合<span>9/20</span><span>￥166</span></a></li>
								<li><a href="#">最强篮神合<span>8/20</span><span>￥166</span></a></li>
								<li><a href="#">最强篮神合<span>8/20</span><span>￥166</span></a></li>
								<li><a href="#">最强篮神合<span>7/20</span><span>￥166</span></a></li>
								<li><a href="#">最强篮神合<span>7/20</span><span>￥166</span></a></li>
								<li><a href="#">最强篮神合<span>5/20</span><span>￥166</span></a></li>
								<li><a href="#">最强篮神合<span>5/20</span><span>￥166</span></a></li>
								<li><a href="#">最强篮神合<span>3/20</span><span>￥166</span></a></li>
								<li><a href="#">最强篮神合<span>3/20</span><span>￥166</span></a></li>
							</ul>
						</div>
					</div> <!-- /Category List -->
					
					
					
					<!-- Category list -->
					<!-- <div class="col-lg-3 offset-lg-0 col-md-5 offset-md-1 col-sm-6 col-6">
						<div class="category-block">
							<div class="header">
								<i class="fa fa-briefcase icon-bg-5"></i> 
								<h4>Jobs</h4>
							</div>
							<ul class="category-list" >
								<li><a href="category.html">It Jobs <span>93</span></a></li>
								<li><a href="category.html">Cleaning & Washing <span>233</span></a></li>
								<li><a href="category.html">Management  <span>183</span></a></li>
								<li><a href="category.html">Voluntary Works <span>343</span></a></li>
							</ul>
						</div>
					</div> /Category List
					Category list
					<div class="col-lg-3 offset-lg-0 col-md-5 offset-md-1 col-sm-6 col-6">
						<div class="category-block">
							<div class="header">
								<i class="fa fa-car icon-bg-6"></i> 
								<h4>Vehicles</h4>
							</div>
							<ul class="category-list" >
								<li><a href="category.html">Bus <span>193</span></a></li>
								<li><a href="category.html">Cars <span>23</span></a></li>
								<li><a href="category.html">Motobike  <span>33</span></a></li>
								<li><a href="category.html">Rent a car <span>73</span></a></li>
							</ul>
						</div>
					</div> /Category List
					Category list
					<div class="col-lg-3 offset-lg-0 col-md-5 offset-md-1 col-sm-6 col-6">
						<div class="category-block">
							<div class="header">
								<i class="fa fa-paw icon-bg-7"></i> 
								<h4>Pets</h4>
							</div>
							<ul class="category-list" >
								<li><a href="category.html">Cats <span>65</span></a></li>
								<li><a href="category.html">Dogs <span>23</span></a></li>
								<li><a href="category.html">Birds  <span>113</span></a></li>
								<li><a href="category.html">Others <span>43</span></a></li>
							</ul>
						</div>
					</div> /Category List
					Category list
					<div class="col-lg-3 offset-lg-0 col-md-5 offset-md-1 col-sm-6 col-6">
						<div class="category-block">
							<div class="header">
								<i class="fa fa-laptop icon-bg-8"></i> 
								<h4>Services</h4>
							</div>
							<ul class="category-list" >
								<li><a href="category.html">Cleaning <span>93</span></a></li>
								<li><a href="category.html">Car Washing <span>233</span></a></li>
								<li><a href="category.html">Clothing  <span>183</span></a></li>
								<li><a href="category.html">Business <span>343</span></a></li>
							</ul>
						</div>
					</div> --> <!-- /Category List -->
					
					
				</div>
			</div>
		</div>
	</div>
	<!-- Container End -->
</section>


<!--===========================================
=            Popular deals section            =
============================================-->

<section class="popular-deals section bg-gray">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="section-title">
					<h2>热门合买</h2>
					<p></p>
				</div>
			</div>
		</div>
		<div class="row">
			<!-- offer 01 -->
			<div class="col-sm-12 col-lg-4">
				<!-- product card -->
				<div class="product-item bg-light">
					<div class="card">
						<div class="thumb-content">
							<!-- <div class="price">$200</div>
							<a href="">
								<img class="card-img-top img-fluid" src="images/products/products-1.jpg" alt="Card image cap">
							</a> -->
						</div>
						<div class="card-body">
						    <h4 class="card-title"><a href="">最强足神合最强足神合最强足神合</a></h4>
						    <ul class="list-inline product-meta">
						    	<li class="list-inline-item">
						    		<a href=""><i class="fa fa-cny"></i>188</a>
						    	</li>
						    	<li class="list-inline-item">
						    		<a href=""><i class="fa fa-clock-o"></i><span>2019-1-18 15:52</span>截止</a>
						    	</li>
						    </ul>
						    <p class="card-text">这个人已经五连红了，最多不过3黑。如果想长期合买的有兴趣可以关注一下。赶快上车</p>
						    <div class="product-ratings">
						    	<ul class="list-inline">
						    	份额
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		
						    	</ul>
						    </div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="col-sm-12 col-lg-4">
				<!-- product card -->
				<div class="product-item bg-light">
					<div class="card">
						<div class="thumb-content">
							<!-- <div class="price">$200</div>
							<a href="">
								<img class="card-img-top img-fluid" src="images/products/products-2.jpg" alt="Card image cap">
							</a> -->
						</div>
						<div class="card-body">
						    <h4 class="card-title"><a href="">蓝神合买合买合买合买合买</a></h4>
						    <ul class="list-inline product-meta">
						    	<li class="list-inline-item">
						    		<a href=""><i class="fa fa-cny"></i>66</a>
						    	</li>
						    	<li class="list-inline-item">
						    		<a href=""><i class="fa fa-clock-o"></i><span>2019-1-20 11:52</span>截止</a>
						    	</li>
						    </ul>
						    <p class="card-text">这个人已经五连红了，最多不过3黑。如果想长期合买的有兴趣可以关注一下。赶快上车</p>
						    <div class="product-ratings">
						    	<ul class="list-inline">
						    	份额
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    	</ul>
						    </div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="col-sm-12 col-lg-4">
				<!-- product card -->
				<div class="product-item bg-light">
					<div class="card">
						<div class="thumb-content">
							<!-- <div class="price">$200</div>
							<a href="">
								<img class="card-img-top img-fluid" src="images/products/products-3.jpg" alt="Card image cap">
							</a> -->
						</div>
						<div class="card-body">
						    <h4 class="card-title"><a href="">最强足神合最强足神合最强足神合最强足神合</a></h4>
						    <ul class="list-inline product-meta">
						    	<li class="list-inline-item">
						    		<a href=""><i class="fa fa-cny"></i>99</a>
						    	</li>
						    	<li class="list-inline-item">
						    		<a href=""><i class="fa fa-clock-o"></i><span>2019-1-19 19:52</span>截止</a>
						    	</li>
						    </ul>
						    <p class="card-text">这个人已经五连红了，最多不过3黑。如果想长期合买的有兴趣可以关注一下。赶快上车</p>
						    <div class="product-ratings">
						    	<ul class="list-inline">
						    	份额
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    	</ul>
						    </div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="col-sm-12 col-lg-4">
				<!-- product card -->
				<div class="product-item bg-light">
					<div class="card">
						<div class="thumb-content">
							<!-- <div class="price">$200</div>
							<a href="">
								<img class="card-img-top img-fluid" src="images/products/products-3.jpg" alt="Card image cap">
							</a> -->
						</div>
						<div class="card-body">
						    <h4 class="card-title"><a href="">最强足神合最强足神合最强足神合最强足神合</a></h4>
						    <ul class="list-inline product-meta">
						    	<li class="list-inline-item">
						    		<a href=""><i class="fa fa-cny"></i>99</a>
						    	</li>
						    	<li class="list-inline-item">
						    		<a href=""><i class="fa fa-clock-o"></i><span>2019-1-19 19:52</span>截止</a>
						    	</li>
						    </ul>
						    <p class="card-text">这个人已经五连红了，最多不过3黑。如果想长期合买的有兴趣可以关注一下。赶快上车</p>
						    <div class="product-ratings">
						    	<ul class="list-inline">
						    	份额
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    	</ul>
						    </div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="col-sm-12 col-lg-4">
				<!-- product card -->
				<div class="product-item bg-light">
					<div class="card">
						<div class="thumb-content">
							<!-- <div class="price">$200</div>
							<a href="">
								<img class="card-img-top img-fluid" src="images/products/products-3.jpg" alt="Card image cap">
							</a> -->
						</div>
						<div class="card-body">
						    <h4 class="card-title"><a href="">最强足神合最强足神合最强足神合最强足神合</a></h4>
						    <ul class="list-inline product-meta">
						    	<li class="list-inline-item">
						    		<a href=""><i class="fa fa-cny"></i>99</a>
						    	</li>
						    	<li class="list-inline-item">
						    		<a href=""><i class="fa fa-clock-o"></i><span>2019-1-19 19:52</span>截止</a>
						    	</li>
						    </ul>
						    <p class="card-text">这个人已经五连红了，最多不过3黑。如果想长期合买的有兴趣可以关注一下。赶快上车</p>
						    <div class="product-ratings">
						    	<ul class="list-inline">
						    	份额
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    	</ul>
						    </div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="col-sm-12 col-lg-4">
				<!-- product card -->
				<div class="product-item bg-light">
					<div class="card">
						<div class="thumb-content">
							<!-- <div class="price">$200</div>
							<a href="">
								<img class="card-img-top img-fluid" src="images/products/products-3.jpg" alt="Card image cap">
							</a> -->
						</div>
						<div class="card-body">
						    <h4 class="card-title"><a href="">最强足神合最强足神合最强足神合最强足神合</a></h4>
						    <ul class="list-inline product-meta">
						    	<li class="list-inline-item">
						    		<a href=""><i class="fa fa-cny"></i>99</a>
						    	</li>
						    	<li class="list-inline-item">
						    		<a href=""><i class="fa fa-clock-o"></i><span>2019-1-19 19:52</span>截止</a>
						    	</li>
						    </ul>
						    <p class="card-text">这个人已经五连红了，最多不过3黑。如果想长期合买的有兴趣可以关注一下。赶快上车</p>
						    <div class="product-ratings">
						    	<ul class="list-inline">
						    	份额
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    	</ul>
						    </div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="col-sm-12 col-lg-4">
				<!-- product card -->
				<div class="product-item bg-light">
					<div class="card">
						<div class="thumb-content">
							<!-- <div class="price">$200</div>
							<a href="">
								<img class="card-img-top img-fluid" src="images/products/products-3.jpg" alt="Card image cap">
							</a> -->
						</div>
						<div class="card-body">
						    <h4 class="card-title"><a href="">最强足神合最强足神合最强足神合最强足神合</a></h4>
						    <ul class="list-inline product-meta">
						    	<li class="list-inline-item">
						    		<a href=""><i class="fa fa-cny"></i>99</a>
						    	</li>
						    	<li class="list-inline-item">
						    		<a href=""><i class="fa fa-clock-o"></i><span>2019-1-19 19:52</span>截止</a>
						    	</li>
						    </ul>
						    <p class="card-text">这个人已经五连红了，最多不过3黑。如果想长期合买的有兴趣可以关注一下。赶快上车</p>
						    <div class="product-ratings">
						    	<ul class="list-inline">
						    	份额
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item selected"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    		<li class="list-inline-item"><i class="fa fa-star"></i></li>
						    	</ul>
						    </div>
						</div>
					</div>
				</div>
			</div>
			
		</div>
	</div>
</section>




<!--============================
=            Footer            =
=============================-->

<footer class="footer section section-sm">
  <!-- Container Start -->
  <div class="container">
    <div class="row">
      <div class="col-lg-3 col-md-7 offset-md-1 offset-lg-0">
        <!-- About -->
        <div class="block about">
          <!-- footer logo -->
          <!-- description -->
          <p class="alt-color">网站只是初步建设，后期会有更好的内容呈现给大家，同事如果有什么建议可以给我们进行留言。如果采纳了您的意见，我们将会为您送上优惠服务。</p>
        </div>
      </div>
      <!-- Link list
      <div class="col-lg-2 offset-lg-1 col-md-3">
        <div class="block">
          <h4>Site Pages</h4>
          <ul>
            <li><a href="#">Boston</a></li>
            <li><a href="#">How It works</a></li>
          </ul>
        </div>
      </div> -->
      <!-- Link list
      <div class="col-lg-2 col-md-3 offset-md-1 offset-lg-0">
        <div class="block">
          <h4>Admin Pages</h4>
          <ul>
            <li><a href="#">Boston</a></li>
            <li><a href="#">How It works</a></li>
          </ul>
        </div>
      </div> -->
      <!-- Promotion -->
      <div class="col-lg-4 col-md-7">
        <!-- App promotion -->
        <div class="block-2 app-promotion">
          <a href="">
            <!-- Icon -->
            <img src="images/footer/phone-icon.png" alt="mobile-icon">
          </a>
          <p>手机app及微信小程序敬请期待！</p>
        </div>
      </div>
    </div>
  </div>
  <!-- Container End -->
</footer>


  <!-- JAVASCRIPTS -->
  <script src="plugins/jquery/dist/jquery.min.js"></script>
  <!-- <script src="plugins/jquery-ui/jquery-ui.min.js"></script> -->
  <script src="plugins/tether/js/tether.min.js"></script>
  <script src="js/pingtu.min.js"></script>
  <script src="plugins/raty/jquery.raty-fa.js"></script>
  <script src="plugins/bootstrap/dist/js/popper.min.js"></script>
  <script src="plugins/bootstrap/dist/js/bootstrap.min.js"></script>
  <script src="plugins/bootstrap/dist/js/bootstrap-datetimepicker.js"></script>
  <script src="plugins/bootstrap/dist/js/bootstrap-datepicker.zh-CN.js"></script>
  <script src="plugins/seiyria-bootstrap-slider/dist/bootstrap-slider.min.js"></script>
  <script src="plugins/slick-carousel/slick/slick.min.js"></script>
  <script src="plugins/jquery-nice-select/js/jquery.nice-select.min.js"></script>
  <script src="plugins/fancybox/jquery.fancybox.pack.js"></script>
  <script src="plugins/smoothscroll/SmoothScroll.min.js"></script>
  
  <!-- <script src="js/scripts.js"></script> -->

</body>
<!-- Modal发布消息 -->
<div class="modal fade" id="fabuModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-body">
		<div style="width: 80%;margin:20px auto">
			<div class="form-group row">
			  <label for="inputEmail3" class="col-sm-2 col-form-label">*标题：</label>
			  <div class="col-sm-10">
			    <input type="text" class="form-control" id="newsTitle" placeholder="加个吸引人的标题吧~(不超过20个字)" required>
			    <!-- <span style="padding:6px 10px;position: absolute;right: 23px;background: orange;top:7px;color: #fff;cursor: pointer;">发送验证码</span> -->
			  </div>
			</div>
			<div class="form-group row">
			  <label for="inputEmail3" class="col-sm-2 col-form-label">*类型：</label>
			  <div class="btn-group-toggle" style="margin-left: 18px;" data-toggle="buttons">
			      <label class="btn btn-secondary active">
				    <input type="radio" name="options" id="option1" autocomplete="off" checked>足球
				  </label>
				  <label class="btn btn-secondary">
				    <input type="radio" name="options" id="option2" autocomplete="off">篮球
				  </label>
			  </div>
			</div>
			<div class="form-group row">
			  <label for="inputPassword3" class="col-sm-2 col-form-label">免费内容：</label>
			  <div class="col-sm-10">
			    <input type="text" class="form-control" id="newsFree" placeholder="尽情发挥吧~这里是写描述的地方哦~可以写战绩之类的内容吸引人~" onkeydown="KeyDown()" required>
			  </div>
			</div>
			<div class="form-group row">
			  <label for="inputPassword3" class="col-sm-2 col-form-label">收费内容：</label>
			  <div class="col-sm-10">
			    <textarea rows="10" cols="54" class="form-control"  id="newsCharge" style="height: 100px;" placeholder="尽情发挥吧~"></textarea>
			  </div>
			</div>
			<div class="form-group row">
			  <label for="inputPassword3" class="col-sm-2 col-form-label">*合买定价：</label>
			  <div class="col-sm-10">
			    <button type="button" class="btn btn-primaryPrice" style="margin-right: 6px;margin-bottom: 10px;" onclick="fuPrice(0)">免费</button>
			    <button type="button" class="btn btn-primaryPrice" style="margin-right: 6px;margin-bottom: 10px;" onclick="fuPrice(38)">38元</button>
			    <button type="button" class="btn btn-primaryPrice" style="margin-right: 6px;margin-bottom: 10px;" onclick="fuPrice(58)">58元</button>
			    <button type="button" class="btn btn-primaryPrice" style="margin-right: 6px;margin-bottom: 10px;" onclick="fuPrice(88)">88元</button>
			    <button type="button" class="btn btn-primaryPrice" style="margin-bottom: 10px;" onclick="fuPrice(188)">188元</button>
			    
			  	<input type="text" class="form-control" id="newsPrice" placeholder="自定义价格" required>
			  </div>
			</div>
			<div class="form-group row">
			  <label for="inputEmail3" class="col-sm-2 col-form-label">合买人数：</label>
			  <div class="col-sm-10">
			    <input type="text" class="form-control" id="newsNumber" placeholder="最多合买人数默认为合买定价总额数,达到数额后停止合买" required>
			    <!-- <span style="padding:6px 10px;position: absolute;right: 23px;background: orange;top:7px;color: #fff;cursor: pointer;">发送验证码</span> -->
			  </div>
			</div>
			<div class="form-group row">
			  <label for="inputEmail3" class="col-sm-2 col-form-label">截止时间：</label>
			  <div class="col-sm-10">
			    <input class="form-control" id="datetimeStart"  required>
			  </div>
			</div>
			<div class="form-group row">
			  <div class="col-sm-10">
			    <button type="button" class="btn btn-primary" onclick="fabu()">发布</button>
			  </div>
			</div>
		 </div>
      </div>
    </div>
  </div>
</div>
<!-- Modal登陆 -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-body">
            <div style="width: 80%;margin:20px auto">
              <form class="needs-validation" novalidate>
          <div class="form-group row">
            <label for="inputEmail3" class="col-sm-2 col-form-label">*手机号：</label>
            <div class="col-sm-10">
              <input type="email" class="form-control" id="inputphone" placeholder="请输入手机号" required>
              <!-- <span style="padding:6px 10px;position: absolute;right: 23px;background: orange;top:7px;color: #fff;cursor: pointer;">发送验证码</span> -->
            </div>
          </div>
          <div class="form-group row">
            <label for="inputPassword3" class="col-sm-2 col-form-label">*密码：</label>
            <div class="col-sm-10">
              <input type="password" class="form-control" id="inputPassword2" placeholder="请输入密码" onkeydown="KeyDown()" required>
            </div>
          </div>
          <!-- <div class="form-group row">
            <div class="col-sm-10">
              <div class="custom-control custom-checkbox">
                <input type="checkbox"  id="customCheck1" >
                 <label for="customCheck1" class="custom-control-label">我已经年满18岁并同意 《woyouliao.cn服务条款》和《隐私政策》。</label>
              </div>
              
            </div>
          </div> -->
          <div class="form-group row">
            <div class="col-sm-10">
              <button type="button" class="btn btn-primary" onclick="deng()" id="denglu">登录</button>
            </div>
          </div>
        <form>
            </div>
      </div>
    </div>
  </div>
</div>
<!-- Modal注册 -->
<div class="modal fade" id="zhuce" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-body">
            <div style="width: 80%;margin:20px auto">
              <form class="needs-validation" novalidate>
          <!-- <div class="form-group row">
            <label for="inputEmail3" class="col-sm-2 col-form-label">*昵称：</label>
            <div class="col-sm-10">
              <input type="text" class="form-control" id="inputName1" placeholder="5-20个字符（字母、数字、下划线）" required>
              放错误反馈
                   <div class="invalid-feedback" id="username-feedback">kkkkkk</div>
            </div>
          </div> -->
          <div class="form-group row">
            <label for="inputEmail3" class="col-sm-2 col-form-label">*手机号：</label>
            <div class="col-sm-10">
              <input type="number" class="form-control" id="userid" placeholder="请输入手机号(请填写支付宝绑定手机号)" required>
              <!-- <span style="padding:6px 10px;position: absolute;right: 23px;background: orange;top:7px;color: #fff;cursor: pointer;">发送验证码</span> -->
            </div>
          </div>
          <div class="form-group row">
            <label for="inputEmail3" class="col-sm-2 col-form-label">*昵称：</label>
            <div class="col-sm-10">
              <input type="text" class="form-control" id="userName1" placeholder="请谨慎填写不可修改" required>
            </div>
          </div>
          <div class="form-group row">
            <label for="inputPassword3" class="col-sm-2 col-form-label">*密码：</label>
            <div class="col-sm-10">
              <input type="password" class="form-control" id="userPwd" placeholder="请输入密码" required>
            </div>
          </div>
          <div class="form-group row">
            <label for="inputPassword3" class="col-sm-2 col-form-label">*确认密码：</label>
            <div class="col-sm-10">
              <input type="password" class="form-control" id="userPwd1" placeholder="请确认密码" required>
            </div>
          </div>
          <div class="form-group row">
            <label for="inputPassword3" class="col-sm-2 col-form-label">*验证码：</label>
            <div class="col-sm-10">
              <div id="container"></div>
            </div>
          </div>
          
          <div class="form-group row">
            <div class="col-sm-10">
              <div class="custom-control custom-checkbox">
                <input type="checkbox"  id="customCheck1" >
                 <label for="customCheck1" class="custom-control-label">我已经年满18岁并同意 <a href="#">《woyouliao.cn服务条款》</a>和<a href="#">《隐私政策》。</a></label>
              </div>
              
            </div>
          </div>
          <div class="form-group row">
            <div class="col-sm-10">
              <button type="button" class="btn btn-primary" id="zhuce" onclick="zhu()">注册</button>
            </div>
          </div>
        <form>
            </div>
      </div>
    </div>
  </div>
</div>
<script>
var yanzhengma=0;
$(function(){
	var userName=$("#userName").text();
	if(userName!=""&&userName!=null){
		$("#dengzhu").hide();
		$("#dengzhu1").hide();
		$("#usr").show();
	}else{
		$("#usr").hide();
		$("#dengzhu").show();
		$("#dengzhu1").show();
	}
	$('#datetimeStart').datetimepicker({
		format: 'yyyy-mm-dd hh:ii',  //显示格式可为yyyymm/yyyy-mm-dd/yyyy.mm.dd
		//weekStart: 1,  	//0-周日,6-周六 。默认为0
		autoclose: true,  
		//startView: 3,  	//打开时显示的视图。0-'hour' 1-'day' 2-'month' 3-'year' 4-'decade' 
		minView: 3,  	//最小时间视图。默认0-'hour'
//	 	maxView: 4, 	//最大时间视图。默认4-'decade'
	 	todayBtn:true, 	//true时"今天"按钮仅仅将视图转到当天的日期。如果是'linked'，当天日期将会被选中。 
	 	todayHighlight:true,	//默认值: false,如果为true, 高亮当前日期。
		initialDate: new Date(),	//初始化日期.默认new Date()当前日期
		forceParse: false,  	//当输入非格式化日期时，强制格式化。默认true
		bootcssVer:3,	//显示向左向右的箭头
		language: 'zh-CN' //语言
	});
	$("[data-toggle='popover']").popover();
	$("#football").on("click",function(event){
		var footballName=$("#footballName").val();
		$("#football").attr("data-content","111111");
	})
	$("#basketball").on("click",function(event){
		var basketballName=$("#basketballName").val();
	})
	$("#release").on("click",function(event){
		var userName=$("#userName").text();
		if(userName!=""&&userName!=null){
			$('#fabuModal').modal('show')
		}else{
			alert("请先登录！");
		}
	})
 	
	$("#zhuce").on("hidden.bs.modal",function(event){
		$("#container").html("");
		yanzhengma=0;
		jigsaw.init({
			  el: document.getElementById('container'),
			  onSuccess: function () {
				  yanzhengma=1;
			  },
			  onFail: function () {  },
			  onRefresh: function () { }
			})
	})
});
jigsaw.init({
	  el: document.getElementById('container'),
	  onSuccess: function () {
		  yanzhengma=1;
	  },
	  onFail: function () {  },
	  onRefresh: function () { }
	})
function zhu(){
	var userid=$("#userid").val();
	var userName1=$("#userName1").val();
	var userPwd=$("#userPwd").val();
	var userPwd1=$("#userPwd1").val();
	if(userid==""){
		alert("请输入手机号！");
		return ;
	}
	if(userName1==""){
		alert("请输入昵称！");
		return ;
	}
	if(userPwd==""){
		alert("请输入密码！");
		return ;
	}
	if(userPwd1==""){
		alert("请输入确认密码！");
		return ;
	}
	if(userPwd!=userPwd1){
		alert("两次密码输入不一致！");
		return ;
	}
	if(yanzhengma==0){
		alert("请输入验证码！");
		return ;
	}
	
	var url = "system/org/user/save";
	jQuery.ajax({
        type:"post",
        async:false,
        url:url,
        dataType:"json",
        data:{userid:userid,userName:userName1,userPwd:userPwd},
        success:function(data){
        	//var dataObj = eval("("+data+")");
        	if(data.success==true){
        		alert(data.msg);
        	}else{
        		$("#inputphone").val(userid);
        		$("#inputPassword2").val(userPwd)
        		deng();
        		$('#zhuce').modal('hide');
        	}
        }
	});
}
function deng(){
	var loginName=$("#inputphone").val();
	var pwd=$("#inputPassword2").val();
	var url = "doLogin";
	var remenber="0";
	jQuery.ajax({
        type:"post",
        async:false,
        url:url,
        dataType:"json",
        data:{userId:loginName,pwd:pwd,remenber:remenber},
        success:function(data){
        	//var dataObj = eval("("+data+")");
        	if(data.success==true){
        		window.location.reload();
        		$("#usr").show();
        		$("#dengzhu").hide();
        		$("#dengzhu1").hide();
        		$('#exampleModal').modal('hide');
        	}else{
        		alert(data.msg);
        	}
        }
	});
}
function logOut(){
	location.href="/logout";
}
function KeyDown()
{
  if (event.keyCode == 13)
  {
	  deng();
  }
}
function fuPrice(number){
	$("#newsPrice").val(number);
	$("#newsNumber").val(number);
}
</script>
</html>



